﻿<!DOCTYPE html>
<html>
  <head>
    <title>我的周边</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/我的周边/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/我的周边/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u61" class="ax_default _一级标题">
        <div id="u61_div" class=""></div>
        <div id="u61_text" class="text ">
          <p><span>功能一：我的周边</span></p>
        </div>
      </div>

      <!-- 手机 (组合 ) -->
      <div id="u62" class="ax_default" data-label="手机" data-left="22" data-top="350" data-width="340" data-height="593">

        <!-- Unnamed (形状) -->
        <div id="u63" class="ax_default icon">
          <img id="u63_img" class="img " src="images/我的周边/u63.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u64" class="ax_default box_2">
          <div id="u64_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u65" class="ax_default box_2">
          <div id="u65_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u66" class="ax_default ellipse">
          <img id="u66_img" class="img " src="images/我的周边/u66.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u67" class="ax_default box_1">
          <img id="u67_img" class="img " src="images/我的周边/u67.png"/>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u68" class="ax_default image">
        <img id="u68_img" class="img " src="images/小程序主页/u11.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u69" class="ax_default box_3">
        <div id="u69_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u70" class="ax_default box_3">
        <div id="u70_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u71" class="ax_default box_3">
        <div id="u71_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u72" class="ax_default box_3">
        <div id="u72_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u73" class="ax_default box_3">
        <div id="u73_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u74" class="ax_default box_3">
        <div id="u74_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u75" class="ax_default box_3">
        <div id="u75_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u76" class="ax_default box_3">
        <div id="u76_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u77" class="ax_default box_3">
        <div id="u77_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u78" class="ax_default box_3">
        <div id="u78_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u79" class="ax_default box_3">
        <div id="u79_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u80" class="ax_default box_3">
        <div id="u80_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u81" class="ax_default box_1">
        <div id="u81_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u82" class="ax_default icon">
        <img id="u82_img" class="img " src="images/我的周边/u82.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u83" class="ax_default label">
        <div id="u83_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u84" class="ax_default label">
        <div id="u84_div" class=""></div>
        <div id="u84_text" class="text ">
          <p><span>输入服务关键词</span></p>
        </div>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u85" class="ax_default flow_shape">
        <img id="u85_img" class="img " src="images/我的周边/u85.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u86" class="ax_default" data-left="42" data-top="834" data-width="38" data-height="37">

        <!-- Unnamed (椭圆形) -->
        <div id="u87" class="ax_default flow_shape">
          <img id="u87_img" class="img " src="images/我的周边/u87.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u88" class="ax_default icon">
          <img id="u88_img" class="img " src="images/我的周边/u88.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u89" class="ax_default label">
        <div id="u89_div" class=""></div>
        <div id="u89_text" class="text ">
          <p><span>史前生物展览馆</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u90" class="ax_default label">
        <div id="u90_div" class=""></div>
        <div id="u90_text" class="text ">
          <p><span>纪念品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u91" class="ax_default label">
        <div id="u91_div" class=""></div>
        <div id="u91_text" class="text ">
          <p><span>轮椅租赁区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u92" class="ax_default label">
        <div id="u92_div" class=""></div>
        <div id="u92_text" class="text ">
          <p><span>售票/服务咨询窗口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u93" class="ax_default label">
        <div id="u93_div" class=""></div>
        <div id="u93_text" class="text ">
          <p><span>食品店</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u94" class="ax_default icon">
        <img id="u94_img" class="img " src="images/我的周边/u94.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u95" class="ax_default icon">
        <img id="u95_img" class="img " src="images/我的周边/u95.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u96" class="ax_default flow_shape">
        <img id="u96_img" class="img " src="images/我的周边/u96.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u97" class="ax_default label">
        <div id="u97_div" class=""></div>
        <div id="u97_text" class="text ">
          <p><span>食品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u98" class="ax_default flow_shape">
        <div id="u98_div" class=""></div>
      </div>

      <!-- 残障服务 (组合 ) -->
      <div id="u99" class="ax_default" data-label="残障服务" data-left="295" data-top="725" data-width="45" data-height="48">

        <!-- Unnamed (矩形) -->
        <div id="u100" class="ax_default box_2">
          <div id="u100_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u101" class="ax_default icon">
          <img id="u101_img" class="img " src="images/我的周边/u101.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u102" class="ax_default label">
          <div id="u102_div" class=""></div>
          <div id="u102_text" class="text ">
            <p><span>残障服务</span></p>
          </div>
        </div>
      </div>

      <!-- 展览展馆 (组合 ) -->
      <div id="u103" class="ax_default" data-label="展览展馆" data-left="294" data-top="677" data-width="45" data-height="48">

        <!-- Unnamed (矩形) -->
        <div id="u104" class="ax_default box_2">
          <div id="u104_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u105" class="ax_default label">
          <div id="u105_div" class=""></div>
          <div id="u105_text" class="text ">
            <p><span>展览展馆</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u106" class="ax_default icon">
          <img id="u106_img" class="img " src="images/我的周边/u106.png"/>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u107" class="ax_default icon">
        <img id="u107_img" class="img " src="images/我的周边/u107.png"/>
      </div>

      <!-- 我的周边 (组合 ) -->
      <div id="u108" class="ax_default" data-label="我的周边" data-left="294" data-top="495" data-width="45" data-height="48">

        <!-- Unnamed (矩形) -->
        <div id="u109" class="ax_default box_2">
          <div id="u109_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u110" class="ax_default label">
          <div id="u110_div" class=""></div>
          <div id="u110_text" class="text ">
            <p><span>我的周边</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u111" class="ax_default icon">
          <img id="u111_img" class="img " src="images/我的周边/u111.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u112" class="ax_default label">
        <div id="u112_div" class=""></div>
        <div id="u112_text" class="text ">
          <p><span>母婴室</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u113" class="ax_default label">
        <div id="u113_div" class=""></div>
        <div id="u113_text" class="text ">
          <p><span>纪念品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u114" class="ax_default label">
        <div id="u114_div" class=""></div>
        <div id="u114_text" class="text ">
          <p><span>食品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u115" class="ax_default label">
        <div id="u115_div" class=""></div>
        <div id="u115_text" class="text ">
          <p><span>厕所</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u116" class="ax_default icon">
        <img id="u116_img" class="img " src="images/我的周边/u116.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u117" class="ax_default icon">
        <img id="u117_img" class="img " src="images/我的周边/u117.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u118" class="ax_default icon">
        <img id="u118_img" class="img " src="images/我的周边/u118.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u119" class="ax_default label">
        <div id="u119_div" class=""></div>
        <div id="u119_text" class="text ">
          <p><span>WC</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u120" class="ax_default line">
        <img id="u120_img" class="img " src="images/我的周边/u120.png"/>
      </div>

      <!-- 手机 (组合 ) -->
      <div id="u121" class="ax_default" data-label="手机" data-left="537" data-top="350" data-width="340" data-height="593">

        <!-- Unnamed (形状) -->
        <div id="u122" class="ax_default icon">
          <img id="u122_img" class="img " src="images/我的周边/u63.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u123" class="ax_default box_2">
          <div id="u123_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u124" class="ax_default box_2">
          <div id="u124_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u125" class="ax_default ellipse">
          <img id="u125_img" class="img " src="images/我的周边/u66.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u126" class="ax_default box_1">
          <img id="u126_img" class="img " src="images/我的周边/u67.png"/>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u127" class="ax_default image">
        <img id="u127_img" class="img " src="images/小程序主页/u11.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u128" class="ax_default box_3">
        <div id="u128_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u129" class="ax_default box_3">
        <div id="u129_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u130" class="ax_default box_3">
        <div id="u130_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u131" class="ax_default box_3">
        <div id="u131_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u132" class="ax_default box_3">
        <div id="u132_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u133" class="ax_default box_3">
        <div id="u133_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u134" class="ax_default box_3">
        <div id="u134_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u135" class="ax_default box_3">
        <div id="u135_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u136" class="ax_default box_3">
        <div id="u136_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u137" class="ax_default box_3">
        <div id="u137_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u138" class="ax_default box_3">
        <div id="u138_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u139" class="ax_default box_3">
        <div id="u139_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u140" class="ax_default box_1">
        <div id="u140_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u141" class="ax_default icon">
        <img id="u141_img" class="img " src="images/我的周边/u82.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u142" class="ax_default label">
        <div id="u142_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u143" class="ax_default label">
        <div id="u143_div" class=""></div>
        <div id="u143_text" class="text ">
          <p><span>输入服务关键词</span></p>
        </div>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u144" class="ax_default flow_shape">
        <img id="u144_img" class="img " src="images/我的周边/u85.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u145" class="ax_default" data-left="557" data-top="834" data-width="38" data-height="37">

        <!-- Unnamed (椭圆形) -->
        <div id="u146" class="ax_default flow_shape">
          <img id="u146_img" class="img " src="images/我的周边/u87.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u147" class="ax_default icon">
          <img id="u147_img" class="img " src="images/我的周边/u88.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u148" class="ax_default label">
        <div id="u148_div" class=""></div>
        <div id="u148_text" class="text ">
          <p><span>史前生物展览馆</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u149" class="ax_default label">
        <div id="u149_div" class=""></div>
        <div id="u149_text" class="text ">
          <p><span>纪念品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u150" class="ax_default label">
        <div id="u150_div" class=""></div>
        <div id="u150_text" class="text ">
          <p><span>轮椅租赁区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u151" class="ax_default label">
        <div id="u151_div" class=""></div>
        <div id="u151_text" class="text ">
          <p><span>售票/服务咨询窗口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u152" class="ax_default label">
        <div id="u152_div" class=""></div>
        <div id="u152_text" class="text ">
          <p><span>食品店</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u153" class="ax_default icon">
        <img id="u153_img" class="img " src="images/我的周边/u94.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u154" class="ax_default icon">
        <img id="u154_img" class="img " src="images/我的周边/u95.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u155" class="ax_default flow_shape">
        <img id="u155_img" class="img " src="images/我的周边/u96.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u156" class="ax_default label">
        <div id="u156_div" class=""></div>
        <div id="u156_text" class="text ">
          <p><span>食品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u157" class="ax_default flow_shape">
        <div id="u157_div" class=""></div>
      </div>

      <!-- 残障服务 (组合 ) -->
      <div id="u158" class="ax_default" data-label="残障服务" data-left="809" data-top="725" data-width="45" data-height="48">

        <!-- Unnamed (矩形) -->
        <div id="u159" class="ax_default box_2">
          <div id="u159_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u160" class="ax_default icon">
          <img id="u160_img" class="img " src="images/我的周边/u101.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u161" class="ax_default label">
          <div id="u161_div" class=""></div>
          <div id="u161_text" class="text ">
            <p><span>残障服务</span></p>
          </div>
        </div>
      </div>

      <!-- 展览展馆 (组合 ) -->
      <div id="u162" class="ax_default" data-label="展览展馆" data-left="808" data-top="677" data-width="45" data-height="48">

        <!-- Unnamed (矩形) -->
        <div id="u163" class="ax_default box_2">
          <div id="u163_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u164" class="ax_default label">
          <div id="u164_div" class=""></div>
          <div id="u164_text" class="text ">
            <p><span>展览展馆</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u165" class="ax_default icon">
          <img id="u165_img" class="img " src="images/我的周边/u106.png"/>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u166" class="ax_default icon">
        <img id="u166_img" class="img " src="images/我的周边/u107.png"/>
      </div>

      <!-- 我的周边 (组合 ) -->
      <div id="u167" class="ax_default" data-label="我的周边" data-left="808" data-top="495" data-width="45" data-height="48">

        <!-- Unnamed (矩形) -->
        <div id="u168" class="ax_default box_2">
          <div id="u168_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u169" class="ax_default label">
          <div id="u169_div" class=""></div>
          <div id="u169_text" class="text ">
            <p><span>我的周边</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u170" class="ax_default icon">
          <img id="u170_img" class="img " src="images/我的周边/u111.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u171" class="ax_default label">
        <div id="u171_div" class=""></div>
        <div id="u171_text" class="text ">
          <p><span>母婴室</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u172" class="ax_default label">
        <div id="u172_div" class=""></div>
        <div id="u172_text" class="text ">
          <p><span>纪念品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u173" class="ax_default label">
        <div id="u173_div" class=""></div>
        <div id="u173_text" class="text ">
          <p><span>食品店</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u174" class="ax_default label">
        <div id="u174_div" class=""></div>
        <div id="u174_text" class="text ">
          <p><span>厕所</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u175" class="ax_default icon">
        <img id="u175_img" class="img " src="images/我的周边/u116.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u176" class="ax_default icon">
        <img id="u176_img" class="img " src="images/我的周边/u117.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u177" class="ax_default icon">
        <img id="u177_img" class="img " src="images/我的周边/u118.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u178" class="ax_default label">
        <div id="u178_div" class=""></div>
        <div id="u178_text" class="text ">
          <p><span>WC</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u179" class="ax_default line">
        <img id="u179_img" class="img " src="images/我的周边/u120.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u180" class="ax_default image">
        <img id="u180_img" class="img " src="images/我的周边/u180.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u181" class="ax_default image">
        <img id="u181_img" class="img " src="images/我的周边/u180.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u182" class="ax_default image">
        <img id="u182_img" class="img " src="images/我的周边/u180.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u183" class="ax_default line">
        <img id="u183_img" class="img " src="images/我的周边/u183.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u184" class="ax_default line">
        <img id="u184_img" class="img " src="images/我的周边/u184.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u185" class="ax_default arrow">
        <img id="u185_img" class="img " src="images/我的周边/u185.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u186" class="ax_default box_1">
        <img id="u186_img" class="img " src="images/我的周边/u186.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u187" class="ax_default label">
        <div id="u187_div" class=""></div>
        <div id="u187_text" class="text ">
          <p><span>1.点击【我的周边】，弹出下拉菜单</span></p><p><span><br></span></p><p><span>2.选择想找到的周边服务，如【食品店】</span></p><p><span><br></span></p><p><span>3.点击想要去到的【食品店】图标，生成地图导航</span></p><p><span><br></span></p><p><span>4.游客根据导航到达目的地</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
